<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  <title>{$room['title']}</title>
  <script src="../addons/jy_live/resource/ezuikit.js"></script>
</head>

<body>
<style>
.live-subscribe-a {
    width: auto;
	margin-right:0.2rem;
	padding:0 0.2rem;
}
.video-js {
    width: 100%;
    height: 100%;
}
</style>
<div id="my-videoblock" class="swiper-wrapper block-video" style="margin-bottom:0.5rem">	
<video id="hlsId" autoplay controls class="video-js" width="100%" controls="controls" playsinline webkit-playsinline x5-video-player-type="h5-page"></video>
</div>
 <script>
    var hlsDemo = new EZUIKit.HLS("hlsId","{$info['url']}");
  </script>
</body>
</html>